import React from 'react';
import './index.scss';
class Order extends React.Component {
  render() {
    return (
      <div className="shopping-list">
        <div className="cinema-head">
          <div className="cinema-head-con">
            <p className="cinema-title">确认订单</p>
            <p className="cinema-city" >
              <i className="iconfont icon-arrow-right-copy-copy-copy" ></i>
        </p>
        </div>
        </div>
        <div className='shopping-main'>
          <div className='address'>
          <p className='address-title'>订单配送至</p>
          <div className='address-text'>
            <span className="address-textcon"> 海滨广场46区翻身路 2栋5单元309呵呵</span>
            <span className='iconfont icon-iconfonti'></span>
          </div>
          <div className='address-name'>
            <span>任传广(先生)&nbsp;&nbsp;</span>
            <span>15827215569</span>
          </div>
          </div>
          <div className='checkout-section'>
          <div className='delivery'>
            <div className='delivery-left'>
              <p className='delivery-time'>送达时间</p>
              <p className='delivery-extra'>蜂鸟专送</p>
            </div>
            <div className='delivery-right'>
              <span>尽快送达</span>
              <span></span>
              <span className='iconfont icon-iconfonti'></span>
            </div>
          </div>
          <div className='pay-way'>
            <p className='pay-left'>支付方式</p>
            <p className='pay-right'>在线支付</p>
          </div>
        </div>
          <ul className="shopping-con">
            <li className="shopping-title">
              <span className="film-name">幺面儿重庆小面</span>
              <span className="film-price">（南湖沃尔玛店）</span>
            </li>
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/d/98/e4b84249371e7dc52801c5854b9e4jpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">幺儿抄手-小份</div>
              <div className='film-num'>×2</div>
              <div className="film-price">￥14.8</div>
            </li >
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/a/82/d58a56192ca9a21735e16caefcd7ajpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">奶油草莓-250克（洗净装盒）-250克</div>
              <div className='film-num'>×1</div>
              <div className="film-price">￥25</div>
            </li >
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/5/5e/1680ce41c71f5a214868b6a6d80c0jpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">红肉菠萝蜜-约250克</div>
              <div className='film-num'>×1</div>
              <div className="film-price">￥18.8</div>
            </li >
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/5/0f/64f7f33dade7ae871b0e72b390798jpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">沙糖桔-约500克</div>
              <div className='film-num'>×1</div>
              <div className="film-price">￥5.6</div>
            </li >
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/c/c3/88175959bc3fa662960ccc339f2fajpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">沙漠蜜瓜（切盒）</div>
              <div className='film-num'>×1</div>
              <div className="film-price">￥23.6</div>
            </li >
            <li className="shopping-list" >
              <div className='film-img'><img alt='' src='https://fuss10.elemecdn.com/7/21/93e68c164a8ee8df282246299eb84jpeg.jpeg?imageMogr/format/webp/thumbnail/!72x72r/gravity/Center/crop/72x72/' /></div>
              <div className="film-name">车厘子+草莓（洗净装盒300克）</div>
              <div className='film-num'>×1</div>
              <div className="film-price">￥19</div>
            </li >

          </ul >
        </div>
        <div className="shopping-money">
          <span className="totle-money">￥ 106.8 元</span>
          <span className="go-pay">去支付</span>
        </div>
    </div >
    )
  }
}

export default Order;
